import Vue from "vue";
import store from "../store";
Vue.directive("image", {
  // inserted: 当指令所在元素插入到真实DOM中自动执行-次
  // el: 指令所在DOM元素
  // bindings: 指令信息对象
  // bindings,value: 获取指令绑定表达式的值(在这里就是默认头像地址)
  inserted(el, bindings) {
    // 监听el的加载错误事件
    el.addEventListener("error", () => {
      el.src = bindings.value;
    });
  },
});
// 自定义权限指令
Vue.directive("permission", {
  inserted(el, bindings) {
    // 拿到vuex中userInfo下points数组
    // 判断binding.value在不在points数组中
    const flag = store.getters.points.includes(bindings.value);
    if (!flag) {
      el.remove();
    }
  },
});
